import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

export default new VueRouter({
  routes: [
    {
      path: '/mapState',
      component: () => import('@/views/vuex/mapState')
    },
    {
      path: '/mapGetters',
      component: () => import('@/views/vuex/mapGetters')
    },
    {
      path: '/mapMutations',
      component: () => import('@/views/vuex/mapMutations')
    },
    {
      path: '/mapActions',
      component: () => import('@/views/vuex/mapActions')
    },
    {
      path: '/Form',
      name: 'Form',
      component: () => import('@/views/Form')
    },
    {
      path: '/Data',
      name: 'Data',
      component: () => import('@/views/Data')
    },
    {
      path: '/MyComponents',
      name: 'MyComponents',
      component: () => import('@/views/MyComponents')
    },
    {
      path: '*',
      redirect: '/mapMutations'
    }
  ]
})
